import { EyeFilled, StarFilled } from "@ant-design/icons";
import "../../../../assets/sass/home_page/free_templates/featured_picks/today_recommend/boxc_type_two/boxc_type_two.css";

const BoxcTypeTow = () => {
  const boxTypeTowLeave = () => {
    const doms = document.querySelectorAll(".boxc_type_two");
    doms.forEach((item) => {
      item.classList.add("boxc_type_two_leave");
    });
  };
  return (
    <div className="boxc_type_two" onMouseLeave={boxTypeTowLeave}>
      <div className="img_box">
        <img src="/src/assets/image/home_page/main/box_type_two/image.jpg" />
      </div>
      <div className="bottom_bar">
        <div className="text">卡通端午节消消乐+大转盘互动小游戏可API对接</div>
        <div className="user_info">
          <div className="user">
            <div className="avatar">
              <img src="/src/assets/image/home_page/main/box_type_two/userinfo/avatar.jpg" />
            </div>
            <div className="username">一梦繁唐</div>
          </div>
          <div className="see">
            <EyeFilled className="eye_icon" />
            <span className="see_num">398</span>
          </div>
        </div>
      </div>
      <div className="type">互动</div>
      <div className="collection">
        <StarFilled />
      </div>
      <div className="free_text">免费</div>
    </div>
  );
};

export default BoxcTypeTow;
